<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="./css/classification.css">
</head>
<body>
    <div id="hdWraper">
        <div id="header">
            <div id="search">
                <input id="" type="text">
            </div>
            <p id="big">
                <a href=""><img src="./img/big.png" alt=""></a>
            </p>
            <span id="title">搜索商品, 共78049款好物</span>
        </div>

        <div id="m-cateContainer">
            <div id="left">
                <div id="content">
                    <ul>
                        <li id="itemactive">推荐专区</li>
                        <li id="item">居家生活</li>
                        <li id="item">服饰包鞋</li>
                        <li id="item">美食酒水</li>
                        <li id="item">个护清理</li>
                        <li id="item">母婴亲子</li>
                        <li id="item">运动旅行</li>
                        <li id="item">数码家电</li>
                        <li id="item">严选全球</li>
                    </ul>
                </div>
            </div>

            <div id="right">
                <div id="content1">
                    <div><img src="./img/v1.png" alt=""></div>
                    
                    <div id="content2">
                        <ul id="content-r">
                            <li>
                                <p id="icon-r"><img src="./img/v2.png" alt=""></p>
                                <p id="title-r">员工精选</p>
                            </li>

                            <li>
                                <p id="icon-r"><img src="./img/v3.webp" alt=""></p>
                                <p id="title-r">人气好物</p>
                            </li>
                            <li>
                                <p id="icon-r"><img src="./img/v4.webp" alt=""></p>
                                <p id="title-r">当红新选</p>
                            </li>
                            <li>
                                <p id="icon-r"><img src="./img/v5.png" alt=""></p>
                                <p id="title-r">春季养生</p>
                            </li>
                            <li>
                                <p id="icon-r"><img src="./img/v6.png" alt=""></p>
                                <p id="title-r">春夏床物</p>
                            </li>
                            <li>
                                <p id="icon-r"><img src="./img/v7.png" alt=""></p>
                                <p id="title-r">99专区</p>
                            </li>
                        </ul>
                    </div>
                    
                </div>
            </div>

        </div>

        <div id="after">
            <ul id="small-w">
                <a href="./index.html"><li>
                    <P class="photoes"><img src="./img/firstweb.png" alt=""></P>
                    <P class="string">首页</P>
                </li></a>
                <li>
                    <P class="photoes-1"><img src="./img/v4.png" alt=""></P>
                    <P class="string-1">分类</P>
                </li>
                <a href="./buy.html"><li>
                    <P class="photoes"><img src="./img/buy-w.png" alt=""></P>
                    <P class="string">值得买</P>
                </li></a>
                <li>
                    <P class="photoes"><img src="./img/show.png" alt=""></P>
                    <P class="string">购物车</P>
                </li>
                <li>
                    <P class="photoes"><img src="./img/user.png" alt=""></P>
                    <P class="string">个人</P>
                </li>
            </ul>
        </div>

    </div>
</body>
</html>